<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>--%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
	pageContext.setAttribute("path", path);
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>费用信息</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

<link rel="stylesheet" type="text/css" href="${path }/css/reset.css">
<link rel="stylesheet" type="text/css" href="${path }/css/main.css"/>
<script type="text/javascript" src="${path }/js/lhgdialog/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="${path }/js/lhgdialog/lhgdialog.min.js?skin=iblue"></script>
<script type="text/javascript" src="${path }/js/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="${path }/js/ajax.js"></script>
</head>

<body>
<input type="hidden" id="path" value="${path }"/>
<input type="hidden" id="totalPge" value=""/>
<!-- main -->
<div class="main"> 
  <!--  导航 -->
<%--  <div class="nav">--%>
<%--    <ul>--%>
<%--      <li>费用信息</li>--%>
<%--    </ul>--%>
<%--  </div>--%>
  <!--  导航 end --> 
  
  <!-- 搜索条件 -->
  <div class="fyb">
    <div class="batch">
      <ul class="b_year">
        <li>
          <label>学 期</label>
          <select name="terID" id="terID">
              <c:forEach items="${terli}" var="term">
             	<option value="${term.terId}" >${term.periodYear }${term.terName} </option>
             </c:forEach>
      	 </select>
        </li>
        <li>
          <label>任课教师</label>
          <input name="teaName" id="teaName" value="${teaName}"/>
        </li>
      </ul>
      <ul>
        <li>
          <label>校 区</label>
          <select name="schID" id="schID">
              <option value="0" <c:if test="${schid==0}">selected</c:if>>请选择</option>
            <c:forEach items="${schli}" var="schli">
               <option value="${schli.schId}" > ${schli.schName} </option>
            </c:forEach>
          </select>
        </li>
        <li>
          <label>学生姓名</label>
          <input name="stuName" id="stuName"/>
        </li>
      </ul>
      <ul>
        <li>
          <label>学 科</label>
          <select name="subID" id="subID">
            <option value="0" <c:if test="${subid==0}">selected</c:if>>请选择</option>
            <c:forEach items="${subli}" var="subli">
               <option value="${subli.subId}" > ${subli.subName} </option>
            </c:forEach>
          </select>
        </li>
        <li>
        	<label>交费时间</label>
        	<input type="text" id="startTime" onClick="WdatePicker()" readonly="readonly"/>
        </li>
      </ul>
      <ul>
        <li>
          <label>年 级</label>
          <select name="graID" id="graID">
            <option value="0" <c:if test="${graid==0}">selected</c:if>>请选择</option>
            <c:forEach items="${grali}" var="grali">
               <option value="${grali.graId}"> ${grali.graName} </option>
            </c:forEach>
          </select>
        </li>
        <li>
        	<label>至&nbsp;&nbsp;</label>
        	<input type="text" id="endTime" onClick="WdatePicker()" readonly="readonly"/>
        </li>
      </ul>
      <ul class="print">
        <li>&nbsp;</li>
      </ul>
      <ul class="print">
        <li>
          <div class="c_btn" onclick="initData(1);">查 询</div>
        </li>
      </ul>
      <div class="clear"></div>
    </div>
  </div>
  <!-- 搜索条件 end --> 
  
  <!-- 主体内容 -->
  <div class="fyb" >
	  <div id="divload">
		   	<table class="result">
			      <tbody>
			      	<tr>
			      		<td colspan="11" height="350"><img src="images/loading.gif" boder="0"/></td>
			      	</tr>
			      </tbody>
		   	</table>
	  </div>
 
    <div id="divshow" >
      <table class="result" id="myTable">
      <thead>
        <tr>
          <th>序 号</th>
          <th>姓 名</th>
          <th>学 期</th>
          <th>校 区</th>
          <th>科 目</th>
          <th>年 级</th>
          <th>班 级</th>
          <th>教 师</th>
          <th>应收学费</th>
          <th>实收学费</th>
           <th>未缴清学费</th>
          
          <!-- <th>交费方式</th> -->
          <!--<th>交费时间</th> -->
          <th>交费课次</th>
          <th>已上课次</th>
          <th>剩余课次</th>
          <th>折 扣</th>
          <th>单次课费用</th>
          <th>往期结余</th>
          <th>消耗费用</th>
          <th>剩余费用</th>
          
          <!-- <th>收款人</th> -->
        </tr>
        </thead>
        <tbody id="dataShow"></tbody>
      </table>
    </div>

    <!-- 分页start -->
    <div class="page" id="page">
		<div class="fl">共<font color="#FF0000" id="totalRows"></font>条记录，当前第<font color="#0066FF" id="currentPage"></font>/共<font color="#0066FF" id="totalPages"></font>页，每页<font color="#FF0000" id="pageSize"></font>条记录</div>
	      <div class="paging fr">
	        <ul>
	          <li><a id="first">首页</a></li>
	          <li><a id="previous">上一页</a></li>
	          <li><a id="next">下一页</a></li>
	          <li><a id="last">尾页</a></li>
	          <li>转到&nbsp;<input type="text" class="iparea" id="goPage" />&nbsp;页</li>
	          <li>
	            <input type="button" id="go" value="go" class="gobtn" onclick="javascript:goOnclick();" />
	          </li>
	        </ul>
	      </div>
    </div>
	<!-- 分页  end-->
	
  </div>
  <!-- 主体内容 end -->
</div>
<!-- main end -->
</body>
</html>
